// pages/getSystemInfo/getSystemInfo.js
const towxImg = require('../../../utils/towxImg');
Page({
  /**
   * 页面的初始数据
   */
  data: {
    info: null,
    article: ''
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var that = this;
    //获取系统信息
    wx.getSystemInfo({
      success: function (res) {
        console.log(res.model)
        console.log(res.pixelRatio)
        console.log(res.windowWidth)
        console.log(res.windowHeight)
        console.log(res.language)
        console.log(res.version)
        console.log(res.platform)
        that.setData({ info: res })
      }
    })

    let code = '```\n<view class="system-container my-page">\n  <view class="info-list">\n    <view class="info-item">手机品牌: <text>{{info.brand}}</text></view>\n    <view class="info-item">手机型号: <text>{{info.model}}</text></view>\n    <view class="info-item">设备像素比: <text>{{info.pixelRatio}}</text></view>\n    <view class="info-item">屏幕宽度: <text>{{info.screenWidth}}</text></view>\n    <view class="info-item">屏幕高度: <text>{{info.screenHeight}}</text></view>\n    <view class="info-item">可使用窗口宽度: <text>{{info.windowWidth}}</text></view>\n    <view class="info-item">可使用窗口高度: <text>{{info.windowHeight}}</text></view>\n    <view class="info-item">微信设置的语言: <text>{{info.language}}</text></view>\n    <view class="info-item">微信版本号: <text>{{info.version}}</text></view>\n    <view class="info-item">操作系统版本: <text>{{info.system}}</text></view>\n    <view class="info-item">客户端平台: <text>{{info.platform}}</text></view>\n    <view class="info-item">\n      <view>用户字体大小: <text>{{info.fontSizeSetting}}</text></view>\n      <view class="notice">以“我-设置-通用-字体大小”中的设置为准，单位：px</view>\n    </view>\n    <view class="info-item">客户端基础库版本: <text>{{info.SDKVersion}}</text></view>\n  </view>\n</view>\n```\n\n```\nPage({\n  /**\n   * 页面的初始数据\n   */\n  data: {\n    info:null\n  },\n  /**\n   * 生命周期函数--监听页面加载\n   */\n  onLoad: function (options) {\n    var that=this;\n    //获取系统信息\n    wx.getSystemInfo({\n      success: function (res) {\n        console.log(res.model)\n        console.log(res.pixelRatio)\n        console.log(res.windowWidth)\n        console.log(res.windowHeight)\n        console.log(res.language)\n        console.log(res.version)\n        console.log(res.platform)\n        that.setData({ info: res})\n      }\n    })\n  },\n})\n```\n';

    let article = towxImg.dealWithRichText(code);
    this.setData({ article });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})